<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
	<meta name="apple-mobile-web-app-capable" content="yes">
	<meta name="apple-mobile-web-app-status-bar-style" content="black">
	<meta name="format-detection" content="telephone=no">
	<title>21001010615 魏思怡 虎牙直播</title>
    <link rel="stylesheet" href="./css/common.css">
	<link rel="stylesheet" href="./fonts/font_4283921_k7csj3k1y3/iconfont.css">
</head>


<body>
    <nav class="bnav"><!-- 下导航 -->
        <ul>
            <li >
                <div>
                    <a href="./index.html"><span class="iconfont icon-shouye"></span>
                        <p>首页</p></a>
                </div>
            </li>
            <li >
                <div>
                    <a href="./1.5.html"><span class="iconfont icon-dingyue1"></span>
                        <p>订阅</p></a>
                </div>
            </li>
            <li >
                <div>
                    <a href="./match.html"> <span class="iconfont icon-saishi"></span>
                        <p>赛事</p></a>
                </div>
            </li>
            <li  class="selected_1">
                <div>
                    <a href="./benefit.html"><span class="iconfont icon-fuli"></span>
                        <p>福利</p></a>
                </div>
            </li>
            <li >
                <div>
                    <a href="./my.html"><span class="iconfont icon-wode"></span>
                        <p>我的</p></a>
                </div>
            </li>
        </ul>
    </nav>
</body>
<script>
    var tabs = document.querySelectorAll("body")
    for (let i = 0; i < tabs.length; i++) {
        tab(tabs[i]);
    }
    
    function tab(main) {
        var li = main.querySelectorAll(".top li");
        var box = main.querySelectorAll(".box");
        for (let i = 0; i < li.length; i++) {
            li[i].onclick = () => {
                for (let j = 0; j < li.length; j++) {
                    li[j].classList.remove("selected")
                    box[j].classList.add("none");
                }
                li[i].classList.add("selected");
                box[i].classList.remove("none");
            }
        }
    }</script>
</html>